<template>
	<view class="container">
		<Weather></Weather>
		
		<chart></chart>

		<view class="large together" @click="Go('/pages/together/together')">
			<view class="title">
				聚一聚
			</view>
		</view>

		<view class="health">
			<view class="small doctor" @click="Go('/pages/health/health')">
				<view class="title">
					身体健康
				</view>
			</view>
			<view class="small doctor" @click="Go('/pages/eating/eating')">
				<view class="title">
					饮食推荐
				</view>
			</view>
		</view>

		<view class="large help" @click="Go('/pages/help/help')">
			<view class="title">
				生活帮助
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {},
		methods: {
			Go(url) {
				uni.navigateTo({
					url
				})
			},
			login(){
				console.log(12345)
			}
		}
	}
</script>


<style scoped lang="less">
.container{
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
}

	.health {
		display: flex;
		justify-content: space-around;
	}


	.doctor {
		background: url('https://elderlycomm.oss-cn-chengdu.aliyuncs.com/static/doctor.jpg') no-repeat;
		background-size: 100% 100%;
	}


	.help {
		background: url('https://elderlycomm.oss-cn-chengdu.aliyuncs.com/static/tool.jpg');
		background-size: 100%;
	}

	.together {
		background: url('https://elderlycomm.oss-cn-chengdu.aliyuncs.com/static/together.jpg');
		background-size: 100%;
	}
</style>
